.title-header-components {
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #2A5DAE;
    position: relative;

    .icon-and-text {
        display: flex;
        justify-content: center;
        align-items: center;

        .icon {
            width: 17px;
            height: 16px;
            background: url('../../assets/elderlyCognitiveScreen/icon.png') no-repeat center center;
            background-size: 100% 100%;
            margin-right: 11px;
            margin-left: 22px;
        }

        .text {
            height: 59px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            font-size: 20px;
            color: #E6EEFF;
            line-height: 59px;
        }
    }

    .annotation {
        position: absolute;
        right: 38px;

        .map-risk-warning-container-annotation {
            height: 59px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            font-size: 18px;
            color: #E6EEFF;
            line-height: 59px;
            text-shadow: 39px 45px 38px rgba(0, 0, 0, 0.15);
            background: linear-gradient(0deg, rgba(143, 174, 191, 0.99) 0%, rgba(244, 252, 255, 0.99) 100%);
            -webkit-background-clip: text;
            background-clip: text;
        }

        .equipment-usage-container-annotation {
            height: 59px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            font-size: 18px;
            color: #ffeee6;
            line-height: 59px;
            text-shadow: 39px 45px 38px rgba(0, 0, 0, 0.15);
            background: linear-gradient(0deg, rgba(143, 174, 191, 0.99) 0%, rgba(244, 252, 255, 0.99) 100%);
            -webkit-background-clip: text;
            background-clip: text;

            span {
                color: #FFB310 !important;
                font-size: 24px;
            }
        }
    }
}